<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
 String contextPath = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/jasperReport/common.css"/>
<script type="text/javascript" src="js/report/common.js"></script>
<script type="text/javascript" src="js/report/depOperation.js"></script>
</head>
<body>
	<div class="container-fluid" style="width: 105%">
		<div class="col-xs-12">
			<div id="date_div" class="col-xs-offset-3  date_div" >
			<img id="search_png" src="images/co_search.png">
			<label for="depCode">&nbsp;&nbsp;科室:</label> 
				 <input id="depName" class="form-control" type="text" title="选择科室" value="请选择" style="width:120px;" onclick="showMenuJasper('depName')" />
				 <input id="depCode" value="" style="display: none;" />
		  	<label for="sdate" >&nbsp;&nbsp;开始日期:</label>
		  	<input id="sdate" type="text" class="form-control" >
		  	<label for="edate" >&nbsp;&nbsp;截止日期:</label>
		  	<input id="edate" type="text" class="form-control" >	
		  	<div style="clear:both"></div>
				<div id="menuContent" class="menuContent" style="display:none; position:absolute;">
					<ul id="treeDep" class="ztree" style="background-color:white; border: 1px solid #ddd ; margin-top:0; width:220px; height: 300px;"></ul>
				</div>  	  	     		
		</div>
		</div>
		<div class="col-xs-12" style="margin: 5px auto" id="exportType">
			<jsp:include page="common.jsp"></jsp:include>
		</div>
		<div class="row rowhcq">
			<div class="col-xs-12">
				<div id="navTabsSub" class="tab-content">
					<div role="tabpanel" id="reportGroup">
						<ul class="nav nav-tabs tabconulcq" style="margin: 0 15px;">
							<li role="presentation" class="active"><a href="#depOpelevel"
								role="tab" data-toggle="tab">科室手术统计</a></li>
							<li role="presentation"><a href="#docOpelevel" role="tab"
								data-toggle="tab">医生手术统计</a></li>
							<li role="presentation"><a href="#casedetailOpelevel" role="tab"
								data-toggle="tab">手术病例明细</a></li>
						</ul>
						<div style="height:8px;width:100%"></div>
						<div class="clearfix"></div>
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane active" id="depOpelevel">
								<div class="col-xs-12" style="padding-bottom: 10px; height: 400px;" >
									<div id="depOpelevelDiv" style="overflow:auto;width:100%; height:460px; border:2px solid #b7bec2" ></div>
								</div>8
							</div>
							<div role="tabpanel" class="tab-pane" id="docOpelevel">
								<div class="col-xs-12" style="padding-bottom: 10px;">
									<div id="docOpelevelDiv" style="overflow:auto; width:100%; height:460px; border:2px solid #b7bec2" ></div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="casedetailOpelevel">
								<div class="col-xs-12" style="padding-bottom: 10px;">
									<div id="casedetailOpelevelDiv" style="overflow:auto; width:100%; height:460px; border:2px solid #b7bec2" ></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>